<template>
<div class="ww">
    <input v-model="text" placeholder="输入一些什么。。。。" />
    <h2>{{ Message }}</h2>
</div>
</template>

<script setup>
import { ref, watch } from 'vue'

const text = ref('')
const Message = ref('还没改变')

//监听 text 的变化
watch(text, (newValue, oldValue) => {
    Message.value = '侦听到改变了,从:' + oldValue + '改成了:' + newValue
})

</script>

<style scoped>
.ww{
    background-color: rgb(205, 199, 190);
    padding: 15px;
}
</style>